﻿<UserControl x:Class="DisplayWall.DisplayWallElement"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="320" d:DesignWidth="320" Width="320" Height="320">
    <Border BorderBrush="DarkGray" BorderThickness="1">
        <Grid x:Name="LayoutRoot" Background="Orange" Width="320" Height="320" MouseEnter="LayoutRoot_MouseEnter" MouseLeave="LayoutRoot_MouseLeave">
            <Rectangle Width="1" Fill="DarkGray" Opacity="0.5" ></Rectangle>
            <Rectangle Height="1" Fill="DarkGray" Opacity="0.5" />
            <Rectangle x:Name="ContentArea" Fill="DeepSkyBlue" HorizontalAlignment="Left" Height="160" VerticalAlignment="Bottom" Width="160" Opacity="0.5"/>
            <Image x:Name="ContentPicture"/>
            <TextBlock x:Name="Title" Margin="0,165,160,86" TextWrapping="Wrap" Text="SAMPLE TITLE" Foreground="White" FontSize="24" FontFamily="Segoe Black"/>
            <TextBlock x:Name="Content" HorizontalAlignment="Left" Height="65" Margin="0,0,0,17" TextWrapping="Wrap" Text="sample content sample texts" VerticalAlignment="Bottom" Width="156" Foreground="White" FontFamily="Segoe UI Light" FontSize="18.667"/>
            <Rectangle x:Name="MouseOverMask" Visibility="Collapsed">
            	<Rectangle.Fill>
            		<RadialGradientBrush>
            			<GradientStop Color="#7FF4C673" Offset="1"/>
            			<GradientStop Color="Transparent"/>
            		</RadialGradientBrush>
            	</Rectangle.Fill>
            </Rectangle>
        </Grid>
    </Border>
</UserControl>
